((typeof self !== 'undefined' ? self : this)["webpackJsonpproduct_manager"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpproduct_manager"] || []).push([[9,23],{

/***/ "0535":
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__("595b");
if(content.__esModule) content = content.default;
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add the styles to the DOM
var add = __webpack_require__("499e").default
var update = add("5b9389c8", content, true, {"sourceMap":false,"shadowMode":false});

/***/ }),

/***/ "05e4":
/***/ (function(module, exports, __webpack_require__) {

var map = {
	"./assets/logo.png": "cfdb",
	"./bg-border.png": "6447",
	"./border-center-bottom.png": "536e",
	"./border-center-top.png": "14b4",
	"./border-left.png": "caf5",
	"./border-long.png": "f77c",
	"./border-right-bottom.png": "1fcb",
	"./border-right-top.png": "8977",
	"./border-short.png": "f483",
	"./btn-wrap.png": "ad2d",
	"./chart-legend-0.png": "88ca",
	"./chart-legend-1.png": "218c",
	"./circual.png": "5abf",
	"./dark-dj.png": "248c",
	"./device.png": "cc9b",
	"./dot.png": "94eb",
	"./header.png": "8e49",
	"./home.png": "e697",
	"./light-dj.png": "0b69",
	"./line.png": "6c54",
	"./logo.png": "67dc"
};


function webpackContext(req) {
	var id = webpackContextResolve(req);
	return __webpack_require__(id);
}
function webpackContextResolve(req) {
	if(!__webpack_require__.o(map, req)) {
		var e = new Error("Cannot find module '" + req + "'");
		e.code = 'MODULE_NOT_FOUND';
		throw e;
	}
	return map[req];
}
webpackContext.keys = function webpackContextKeys() {
	return Object.keys(map);
};
webpackContext.resolve = webpackContextResolve;
module.exports = webpackContext;
webpackContext.id = "05e4";

/***/ }),

/***/ "0b69":
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/light-dj.92f8baf0.png";

/***/ }),

/***/ "0d5a":
/***/ (function(module, exports, __webpack_require__) {

// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
exports = ___CSS_LOADER_API_IMPORT___(false);
// Module
exports.push([module.i, ".chart[data-v-8b16633c]{zoom:calc(1/var(--zoom));width:100%;height:100%}", ""]);
// Exports
module.exports = exports;


/***/ }),

/***/ "14b4":
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/border-center-top.03334070.png";

/***/ }),

/***/ "1fcb":
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/border-right-bottom.4d03a4b2.png";

/***/ }),

/***/ "218c":
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "2226":
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__("41e6");
if(content.__esModule) content = content.default;
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add the styles to the DOM
var add = __webpack_require__("499e").default
var update = add("00049f9c", content, true, {"sourceMap":false,"shadowMode":false});

/***/ }),

/***/ "248c":
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "41e6":
/***/ (function(module, exports, __webpack_require__) {

// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
exports = ___CSS_LOADER_API_IMPORT___(false);
// Module
exports.push([module.i, ".zoom-line-bar{zoom:calc(1/var(--zoom));border-radius:calc(4px*var(--zoom))!important;font-size:calc(12px*var(--zoom))!important;line-height:calc(18px*var(--zoom))!important;border-radius:5px}.zoom-line-bar>div{zoom:var(--zoom)}.zoom-line-bar>div>p{margin-bottom:5px}.zoom-line-bar>div>p>span:last-child{margin-left:5px}", ""]);
// Exports
module.exports = exports;


/***/ }),

/***/ "5037":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_3_node_modules_stylus_loader_index_js_ref_11_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_fullscreen_vue_vue_type_style_index_0_id_50f03858_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f377");
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_3_node_modules_stylus_loader_index_js_ref_11_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_fullscreen_vue_vue_type_style_index_0_id_50f03858_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_3_node_modules_stylus_loader_index_js_ref_11_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_fullscreen_vue_vue_type_style_index_0_id_50f03858_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
/* unused harmony reexport * */


/***/ }),

/***/ "536e":
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/border-center-bottom.7add3ee0.png";

/***/ }),

/***/ "5592":
/***/ (function(module, exports, __webpack_require__) {

// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
var ___CSS_LOADER_GET_URL_IMPORT___ = __webpack_require__("1de5");
var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__("6447");
var ___CSS_LOADER_URL_IMPORT_1___ = __webpack_require__("8e49");
var ___CSS_LOADER_URL_IMPORT_2___ = __webpack_require__("14b4");
var ___CSS_LOADER_URL_IMPORT_3___ = __webpack_require__("536e");
var ___CSS_LOADER_URL_IMPORT_4___ = __webpack_require__("1fcb");
var ___CSS_LOADER_URL_IMPORT_5___ = __webpack_require__("8977");
var ___CSS_LOADER_URL_IMPORT_6___ = __webpack_require__("caf5");
exports = ___CSS_LOADER_API_IMPORT___(false);
var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
var ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);
var ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);
var ___CSS_LOADER_URL_REPLACEMENT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_4___);
var ___CSS_LOADER_URL_REPLACEMENT_5___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_5___);
var ___CSS_LOADER_URL_REPLACEMENT_6___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_6___);
// Module
exports.push([module.i, ".board[data-v-e528ee8c]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + "),-webkit-gradient(linear,left top,left bottom,from(#151526),color-stop(88%,#153150),color-stop(100%,#14325a),to(#14325f));background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + "),linear-gradient(180deg,#151526,#153150 88%,#14325a 100%,#14325f 0);background-repeat:no-repeat;background-size:100% 100%;width:calc(100vw/var(--zoom));height:calc(100vh/var(--zoom));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.board .header[data-v-e528ee8c]{position:relative;width:100%;padding-top:6.041666666666667%;background-image:url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ");background-repeat:no-repeat;background-size:100% 100%}.board .header>div[data-v-e528ee8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:absolute;top:0;left:0;width:100%;height:69%}.board .header>div>span[data-v-e528ee8c]{margin:0 auto;color:#0ff;font-size:calc(1.6vw/var(--zoom));text-shadow:0 0 10px #0ff;letter-spacing:calc(.2vw/var(--zoom));position:relative;cursor:pointer;left:calc(.1vw/var(--zoom))}.board .header>div>.right[data-v-e528ee8c]{position:absolute;right:2%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;color:#0ff;line-height:calc(1.2vw/var(--zoom));font-size:calc(1vw/var(--zoom))}.board .header>div>.right[data-v-e528ee8c] .login,.board .header>div>.right[data-v-e528ee8c] .user-name{margin-left:10px;font-size:calc(.9vw/var(--zoom))}.board .header>div>.right[data-v-e528ee8c] .login{cursor:pointer}.board .header>div>.right[data-v-e528ee8c] .user-name .name{color:#fff}.board .header>div>.right[data-v-e528ee8c] .user-name .logout{cursor:pointer}.board .content[data-v-e528ee8c]{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;height:0;padding:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.board .content .center-top[data-v-e528ee8c]{position:relative}.board .content .center-top .reset[data-v-e528ee8c]{position:absolute;left:10px;top:10px;color:#0ff;cursor:pointer}.board .content .center-top .tips[data-v-e528ee8c]{position:absolute;right:10px;top:10px;background:rgba(19,49,67,.8);border-radius:5px;padding:5px}.board .content .center-top .tips>div[data-v-e528ee8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:12px;color:#0ff}.board .content .center-top .tips>div[data-v-e528ee8c]:not(:last-child){margin-bottom:5px}.board .content .center-top .tips>div>span[data-v-e528ee8c]{line-height:16px}.board .content .center-top .tips>div>span[data-v-e528ee8c]:first-child{margin-right:5px}.board .content>div>.div-bread[data-v-e528ee8c]{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;padding:14px}.board .content>div>.div-bread[data-v-e528ee8c],.board .content>div>.div-bread .bread[data-v-e528ee8c]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-direction:normal}.board .content>div>.div-bread .bread[data-v-e528ee8c]{margin-bottom:5px;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;color:#0ff}.board .content>div>.div-bread .bread>.text[data-v-e528ee8c]{font-size:calc(.8vw/var(--zoom))}.board .content>div>.div-bread .bread>.right[data-v-e528ee8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:calc(.6vw/var(--zoom))}.board .content>div>.div-bread .bread>.right>div[data-v-e528ee8c],.board .content>div>.div-bread .bread>.right>div>img[data-v-e528ee8c]{margin-right:5px}.board .content>div>.div-bread .bread>.right>div[data-v-e528ee8c]:last-child{color:#80d5ff}.board .content>div>.div-bread .div-bread-content[data-v-e528ee8c]{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:0;width:100%}.board .content>div>.div-bread .div-bread-content>canvas[data-v-e528ee8c]{width:100%;height:100%}.board .content>.left[data-v-e528ee8c],.board .content>.right[data-v-e528ee8c]{width:30%;height:100%}.board .content>.center[data-v-e528ee8c]{width:calc(40% - 28px);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.board .content>.center>.div-bread[data-v-e528ee8c]{width:100%}.board .content>.center>.div-bread[data-v-e528ee8c]:first-child{height:calc(66.66667% - 4.66667px);background-image:url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ");background-repeat:no-repeat;background-size:100% 100%}.board .content>.center>.div-bread[data-v-e528ee8c]:last-child{height:calc(33.33333% - 9.33333px);background-image:url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ");background-repeat:no-repeat;background-size:100% 100%}.board .content>.right[data-v-e528ee8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.board .content>.right>.div-bread[data-v-e528ee8c]{width:100%}.board .content>.right>.div-bread[data-v-e528ee8c]:last-child{height:calc(66.66667% - 4.66667px);background-image:url(" + ___CSS_LOADER_URL_REPLACEMENT_4___ + ");background-repeat:no-repeat;background-size:100% 100%}.board .content>.right>.div-bread:last-child .div-bread-content[data-v-e528ee8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.board .content>.right>.div-bread:last-child .div-bread-content .legend[data-v-e528ee8c]{margin-bottom:5px;width:100%}.board .content>.right>.div-bread:last-child .div-bread-content .legend[data-v-e528ee8c],.board .content>.right>.div-bread:last-child .div-bread-content .legend>div[data-v-e528ee8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.board .content>.right>.div-bread:last-child .div-bread-content .legend>div>span[data-v-e528ee8c]{font-size:calc(.6vw/var(--zoom))}.board .content>.right>.div-bread:last-child .div-bread-content .legend>div>span[data-v-e528ee8c]:first-child{margin-right:5px}.board .content>.right>.div-bread:last-child .div-bread-content .legend>div>span[data-v-e528ee8c]:last-child{color:#fff}.board .content>.right>.div-bread:last-child .div-bread-content .table-wrap[data-v-e528ee8c]{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:0;width:100%}.board .content>.right>.div-bread[data-v-e528ee8c]:first-child{height:calc(33.33333% - 9.33333px);background-image:url(" + ___CSS_LOADER_URL_REPLACEMENT_5___ + ");background-repeat:no-repeat;background-size:100% 100%}.board .content>.left[data-v-e528ee8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.board .content>.left>.div-bread[data-v-e528ee8c]{height:calc(33.33333% - 9.33333px);background-image:url(" + ___CSS_LOADER_URL_REPLACEMENT_6___ + ");background-repeat:no-repeat;background-size:100% 100%}.board .content>.left>.div-bread .tp[data-v-e528ee8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.board .content>.left>.div-bread .tp>.item[data-v-e528ee8c]{width:100%;height:33.33333%;position:relative}.board .content>.left>.div-bread .tp>.item>img[data-v-e528ee8c]{width:100%;height:100%}.board .content>.left>.div-bread .tp>.item>.device-pngs[data-v-e528ee8c]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:absolute;top:0;left:0;width:100%;height:100%}.board .content>.left>.div-bread .tp>.item>.device-pngs[data-v-e528ee8c],.board .content>.left>.div-bread .tp>.item>.device-pngs>.img[data-v-e528ee8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.board .content>.left>.div-bread .tp>.item>.device-pngs>.img[data-v-e528ee8c]{width:14.28571%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.board .content>.left>.div-bread .tp>.item>.device-pngs>.img>img[data-v-e528ee8c]{width:80%}.board .content>.left>.div-bread .dj[data-v-e528ee8c]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:justify;align-content:space-between}.board .content>.left>.div-bread .dj[data-v-e528ee8c],.board .content>.left>.div-bread .dj>.img[data-v-e528ee8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal}.board .content>.left>.div-bread .dj>.img[data-v-e528ee8c]{width:14.28571%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;-ms-flex-direction:row;flex-direction:row}.board .content>.left>.div-bread .dj>.img>img[data-v-e528ee8c]{width:80%}", ""]);
// Exports
module.exports = exports;


/***/ }),

/***/ "595b":
/***/ (function(module, exports, __webpack_require__) {

// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
exports = ___CSS_LOADER_API_IMPORT___(false);
// Module
exports.push([module.i, ".table-container[data-v-ad3b335a],.table-container-copy[data-v-ad3b335a]{overflow:hidden;width:100%;height:100%;border:0;-webkit-overflow-scrolling:touch}.table-container-copy .wrapper[data-v-ad3b335a],.table-container .wrapper[data-v-ad3b335a]{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:0;width:100%}.table-container-copy table[data-v-ad3b335a],.table-container table[data-v-ad3b335a]{width:100%;font-size:calc(.6vw/var(--zoom));table-layout:fixed}.table-container-copy table thead[data-v-ad3b335a],.table-container table thead[data-v-ad3b335a]{position:relative;z-index:10}.table-container-copy table tbody[data-v-ad3b335a],.table-container table tbody[data-v-ad3b335a]{position:relative;z-index:0}.table-container-copy table tbody tr[data-i=odd][data-v-ad3b335a],.table-container table tbody tr[data-i=odd][data-v-ad3b335a]{background:rgba(87,255,255,.16)}.table-container-copy th[data-v-ad3b335a],.table-container th[data-v-ad3b335a]{position:relative;z-index:10;color:#0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-container-copy tr[data-v-ad3b335a],.table-container tr[data-v-ad3b335a]{position:relative;z-index:1}.table-container-copy td[data-v-ad3b335a],.table-container-copy th[data-v-ad3b335a],.table-container td[data-v-ad3b335a],.table-container th[data-v-ad3b335a]{text-align:center;vertical-align:middle;padding:10px 0;word-break:break-all;white-space:pre-wrap;border:0}.table-container-copy td>svg[data-v-ad3b335a],.table-container-copy th>svg[data-v-ad3b335a],.table-container td>svg[data-v-ad3b335a],.table-container th>svg[data-v-ad3b335a]{display:inline-block}.table-container-copy td>svg>text[data-v-ad3b335a],.table-container-copy th>svg>text[data-v-ad3b335a],.table-container td>svg>text[data-v-ad3b335a],.table-container th>svg>text[data-v-ad3b335a]{dominant-baseline:middle}.table-container-copy td[data-v-ad3b335a],.table-container td[data-v-ad3b335a]{color:#e5ffff;padding:10px 0;border-top:1px solid rgba(174,206,241,.5);border-bottom:1px solid rgba(174,206,241,.5)}.table-container[data-v-ad3b335a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.table-container-copy[data-v-ad3b335a]{table-layout:fixed;visibility:hidden;position:absolute;top:0;left:0;right:0;bottom:0}", ""]);
// Exports
module.exports = exports;


/***/ }),

/***/ "5abf":
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/circual.3be08e00.png";

/***/ }),

/***/ "5cd4":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_3_node_modules_stylus_loader_index_js_ref_11_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_lineAndBar_vue_vue_type_style_index_0_id_8b16633c_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7661");
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_3_node_modules_stylus_loader_index_js_ref_11_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_lineAndBar_vue_vue_type_style_index_0_id_8b16633c_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_3_node_modules_stylus_loader_index_js_ref_11_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_lineAndBar_vue_vue_type_style_index_0_id_8b16633c_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
/* unused harmony reexport * */


/***/ }),

/***/ "6447":
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/bg-border.40a3a006.png";

/***/ }),

/***/ "67dc":
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/logo.349891b8.png";

/***/ }),

/***/ "69fb":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
var objectSpread2 = __webpack_require__("5530");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
var classCallCheck = __webpack_require__("d4ec");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
var createClass = __webpack_require__("bee2");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
var assertThisInitialized = __webpack_require__("257e");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js + 1 modules
var inherits = __webpack_require__("262e");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js + 2 modules
var createSuper = __webpack_require__("2caf");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
var defineProperty = __webpack_require__("ade3");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
var es_array_concat = __webpack_require__("99af");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.js
var es_symbol = __webpack_require__("a4d3");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.description.js
var es_symbol_description = __webpack_require__("e01a");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
var es_object_to_string = __webpack_require__("d3b7");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
var es_array_map = __webpack_require__("d81d");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.fill.js
var es_array_fill = __webpack_require__("cb29");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
var es_function_name = __webpack_require__("b0c0");

// EXTERNAL MODULE: ./node_modules/tslib/tslib.es6.js
var tslib_es6 = __webpack_require__("9ab4");

// EXTERNAL MODULE: external "Vue"
var external_Vue_ = __webpack_require__("8bbf");
var external_Vue_default = /*#__PURE__*/__webpack_require__.n(external_Vue_);

// EXTERNAL MODULE: ./node_modules/vue-property-decorator/lib/vue-property-decorator.js
var vue_property_decorator = __webpack_require__("60a3");

// EXTERNAL MODULE: ./src/components/fullscreen.vue + 2 modules
var fullscreen = __webpack_require__("9d72");

// EXTERNAL MODULE: ./src/components/autoScrollTable.vue + 2 modules
var autoScrollTable = __webpack_require__("e73c");

// EXTERNAL MODULE: ./src/components/lineAndBar.vue + 2 modules
var lineAndBar = __webpack_require__("9f4e");

// EXTERNAL MODULE: ./src/components/loginBtn.vue + 2 modules
var loginBtn = __webpack_require__("2bb0");

// EXTERNAL MODULE: external "Vuex"
var external_Vuex_ = __webpack_require__("5880");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.js
var es_promise = __webpack_require__("e6cf");

// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.for-each.js
var web_dom_collections_for_each = __webpack_require__("159b");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
var es_object_keys = __webpack_require__("b64b");

// EXTERNAL MODULE: ./node_modules/three/build/three.module.js
var three_module = __webpack_require__("5a89");

// EXTERNAL MODULE: ./node_modules/three/examples/jsm/controls/OrbitControls.js
var OrbitControls = __webpack_require__("4721");

// EXTERNAL MODULE: ./node_modules/three/examples/jsm/loaders/GLTFLoader.js + 1 modules
var GLTFLoader = __webpack_require__("34ad");

// EXTERNAL MODULE: ./node_modules/three/examples/jsm/loaders/DRACOLoader.js
var DRACOLoader = __webpack_require__("0ca5");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js
var createForOfIteratorHelper = __webpack_require__("b85c");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.iterator.js
var es_array_iterator = __webpack_require__("e260");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.js
var es_set = __webpack_require__("6062");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.iterator.js
var es_string_iterator = __webpack_require__("3ca3");

// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.iterator.js
var web_dom_collections_iterator = __webpack_require__("ddb0");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.values.js
var es_object_values = __webpack_require__("07ac");

// CONCATENATED MODULE: ./src/components/track.ts













var track_ResourceTracker = /*#__PURE__*/function () {
  function ResourceTracker() {
    Object(classCallCheck["a" /* default */])(this, ResourceTracker);

    Object(defineProperty["a" /* default */])(this, "resources", new Set());
  }

  Object(createClass["a" /* default */])(ResourceTracker, [{
    key: "track",
    value: function track(resource) {
      var _this = this;

      if (!resource) {
        return resource;
      } // handle children and when material is an array of materials or
      // uniform is array of textures


      if (Array.isArray(resource)) {
        resource.forEach(function (resource) {
          return _this.track(resource);
        });
        return resource;
      }

      if (resource.dispose || resource instanceof three_module["ab" /* Object3D */]) {
        this.resources.add(resource);
      }

      if (resource instanceof three_module["ab" /* Object3D */]) {
        this.track(resource.geometry);
        this.track(resource.material);
        this.track(resource.children);
      } else if (resource instanceof three_module["O" /* Material */]) {
        // We have to check if there are any textures on the material
        for (var _i = 0, _Object$values = Object.values(resource); _i < _Object$values.length; _i++) {
          var value = _Object$values[_i];

          if (value instanceof three_module["ub" /* Texture */]) {
            this.track(value);
          }
        } // We also have to check if any uniforms reference textures or arrays of textures


        if (resource.uniforms) {
          for (var _i2 = 0, _Object$values2 = Object.values(resource.uniforms); _i2 < _Object$values2.length; _i2++) {
            var _value = _Object$values2[_i2];

            if (_value) {
              var uniformValue = _value.value;

              if (uniformValue instanceof three_module["ub" /* Texture */] || Array.isArray(uniformValue)) {
                this.track(uniformValue);
              }
            }
          }
        }
      }

      return resource;
    }
  }, {
    key: "untrack",
    value: function untrack(resource) {
      this.resources.delete(resource);
    }
  }, {
    key: "dispose",
    value: function dispose() {
      var _iterator = Object(createForOfIteratorHelper["a" /* default */])(this.resources),
          _step;

      try {
        for (_iterator.s(); !(_step = _iterator.n()).done;) {
          var resource = _step.value;

          if (resource instanceof three_module["ab" /* Object3D */]) {
            if (resource.parent) {
              resource.parent.remove(resource);
            }
          }

          if (resource.dispose) {
            resource.dispose();
          }
        }
      } catch (err) {
        _iterator.e(err);
      } finally {
        _iterator.f();
      }

      this.resources.clear();
    }
  }]);

  return ResourceTracker;
}();


// CONCATENATED MODULE: ./src/components/create3d.ts











var allInfo = [{
  start: 0,
  end: 25
}, {
  start: 25,
  end: 55
}, {
  start: 55,
  end: 68
}, {
  start: 68,
  end: 97
}, {
  start: 97,
  end: 109
}, {
  start: 109,
  end: 124
}, {
  start: 124,
  end: 128
}, {
  start: 128,
  end: 153
}];
function create3d(dom) {
  var resMgr = new track_ResourceTracker();
  var track = resMgr.track.bind(resMgr);
  return new Promise(function (resolve, reject) {
    var camera,
        scene,
        renderer,
        controls,
        mixer,
        timer,
        sizeCalc,
        action,
        isPaused = [],
        startTime = [],
        endTime = [];
    var clock = track(new three_module["j" /* Clock */]());
    init();
    animate();

    function watchData() {}

    function calcFov(d, w, r) {
      var f;
      var vertical = w;

      if (r < 1) {
        vertical = vertical / r;
      }

      f = Math.atan(vertical / d / 2) * 2 * (180 / Math.PI);
      return f;
    }

    function calc(modelW, modelH, w, h) {
      if (modelW / modelH > (w - window.innerWidth / 50) / h) {
        return modelW * h / (w - window.innerWidth / 50);
      } else {
        return modelH;
      }
    }

    function getCenter(mesh) {
      var newBox3 = track(new three_module["e" /* Box3 */]());
      newBox3.expandByObject(track(mesh));
      var center = track(new three_module["Ab" /* Vector3 */]());
      newBox3.getCenter(center);
      return center;
    }

    function getSize(mesh) {
      var box = track(new three_module["e" /* Box3 */]());
      box.expandByObject(track(mesh));
      var size = track(new three_module["Ab" /* Vector3 */]());
      box.getSize(size);
      return size;
    }

    function playIt(i) {
      if (!action || !mixer) return;
      var info = allInfo[i];
      startTime[i] = info.start;
      endTime[i] = info.end;
      isPaused[i] = false;
      action[i].time = startTime[i];
      action[i].paused = false; // mixer.update(0)
    }

    function stopIt(i) {
      if (!action || !mixer) return;
      var info = allInfo[i];
      isPaused[i] = true;
      action[i].paused = true;
      action[i].time = info.start;
    }

    function reset() {
      controls && controls.reset();
    }

    function init() {
      var _dom$parentElement;

      var rect = dom === null || dom === void 0 ? void 0 : (_dom$parentElement = dom.parentElement) === null || _dom$parentElement === void 0 ? void 0 : _dom$parentElement.getBoundingClientRect();
      scene = track(new three_module["nb" /* Scene */]()); // const axesHelper = new THREE.AxesHelper(2500)
      // scene.add(axesHelper)

      var light = track(new three_module["a" /* AmbientLight */](0xffffff, 1));
      scene.add(light);
      var hemiLight = track(new three_module["t" /* HemisphereLight */](0xffffff, 0x444444, 2));
      hemiLight.position.set(0, 200, 0);
      scene.add(hemiLight);
      var dirLight = track(new three_module["m" /* DirectionalLight */](0xffffff, 2));
      dirLight.position.set(0, 2000, 100);
      dirLight.castShadow = true;
      dirLight.shadow.camera.top = 180;
      dirLight.shadow.camera.bottom = -100;
      dirLight.shadow.camera.left = -120;
      dirLight.shadow.camera.right = 120;
      scene.add(dirLight);
      var width = rect === null || rect === void 0 ? void 0 : rect.width;
      var height = rect === null || rect === void 0 ? void 0 : rect.height;
      var k = width / height;
      camera = track(new three_module["cb" /* PerspectiveCamera */](52, k, 0.01, 100000));
      camera.position.set(0, 300, 0); // camera.lookAt(0, 0, 0)

      var loader = new GLTFLoader["a" /* GLTFLoader */]();
      var dracoLoader = new DRACOLoader["a" /* DRACOLoader */]();
      dracoLoader.setDecoderPath('./draco/gltf/');
      dracoLoader.setDecoderConfig({
        type: 'js'
      });
      dracoLoader.preload();
      loader.setPath('./');
      loader.setDRACOLoader(dracoLoader);
      loader.load('model.glb', function (glb) {
        var _glb$scene$position, _group$position;

        glb = track(glb);
        var group = track(new three_module["s" /* Group */]());
        group.position.set(0, 0, 0); // glb.scene.rotation.y = Math.PI / 4
        // glb.scene.scale.set(0.1, 0.1, 0.1)

        var size = getSize(glb.scene);
        var max = Math.max(size.x, size.y, size.z);
        var scale = 150 / max;
        glb.scene.scale.set(scale, scale, scale);
        var center = getCenter(glb.scene);
        var centerArr = [(glb.scene.position.x - center.x) * 1, (glb.scene.position.y - center.y) * 1, (glb.scene.position.z - center.z) * 1];

        (_glb$scene$position = glb.scene.position).set.apply(_glb$scene$position, centerArr);

        group.add(glb.scene);
        group.rotation.x = -Math.PI / 3;
        group.rotation.y = -Math.PI;
        var centerGroup = getCenter(group);
        var centerArrGroup = [group.position.x - centerGroup.x, group.position.y - centerGroup.y, group.position.z - centerGroup.z];

        (_group$position = group.position).set.apply(_group$position, centerArrGroup);

        sizeCalc = getSize(group);
        mixer = track(new three_module["c" /* AnimationMixer */](glb.scene));
        mixer.timeScale = 2;
        var totalAnimation = glb.animations[0];
        action = allInfo.map(function (v, i) {
          var subAction = mixer.clipAction(Object(objectSpread2["a" /* default */])({}, totalAnimation.clone()));
          subAction.setLoop(track(three_module["M" /* LoopOnce */]));
          subAction.clampWhenFinished = true;
          subAction.paused = true;
          subAction.play();
          return subAction;
        });
        glb.scene.traverse(function (child) {
          if (child.isMesh) {
            child.castShadow = true;
            child.receiveShadow = true;
          }
        });
        var point = track(new three_module["eb" /* PointLight */](0xffffff, 0.1));
        point.position.set(0, 300, 0); //点光源位置

        scene.add(point); //点光源添加到场景中

        camera.lookAt(group.position);
        camera.fov = calcFov(300 - sizeCalc.y / 2, calc(sizeCalc.x, sizeCalc.z, width, height), width / height);
        camera.updateProjectionMatrix();
        controls.update();
        scene.add(group);
        resolve({
          destroy: destroy,
          watchData: watchData,
          playIt: playIt,
          stopIt: stopIt,
          reset: reset
        });
      }, undefined, function (error) {
        reject(error);
        console.error(error);
      });
      renderer = track(new three_module["Cb" /* WebGLRenderer */]({
        antialias: true,
        canvas: dom,
        alpha: true,
        logarithmicDepthBuffer: true
      }));
      renderer.setSize(width, height);
      renderer.setClearColor(0x000058, 0);
      renderer.shadowMap.enabled = false; // renderer.outputEncoding = track(THREE.sRGBEncoding)

      controls = track(new OrbitControls["a" /* OrbitControls */](camera, renderer.domElement));
      controls.enableDamping = false;
      controls.enablePan = true;
      controls.target.set(0, 0, 0);
      controls.update();
      controls.addEventListener('change', handlerControlsChange);
      window.addEventListener('resize', onWindowResize);
    }

    function handlerControlsChange() {// controlsChangeCb && controlsChangeCb()
    }

    function onWindowResize() {
      var _dom$parentElement2;

      var rect = dom === null || dom === void 0 ? void 0 : (_dom$parentElement2 = dom.parentElement) === null || _dom$parentElement2 === void 0 ? void 0 : _dom$parentElement2.getBoundingClientRect();
      renderer.setSize(rect === null || rect === void 0 ? void 0 : rect.width, rect === null || rect === void 0 ? void 0 : rect.height);
      var k = (rect === null || rect === void 0 ? void 0 : rect.width) / (rect === null || rect === void 0 ? void 0 : rect.height);
      camera.fov = calcFov(300 - sizeCalc.y / 2, calc(sizeCalc.x, sizeCalc.z, rect === null || rect === void 0 ? void 0 : rect.width, rect === null || rect === void 0 ? void 0 : rect.height), (rect === null || rect === void 0 ? void 0 : rect.width) / (rect === null || rect === void 0 ? void 0 : rect.height));
      camera.aspect = k;
      camera.updateProjectionMatrix();
    } //


    function animate() {
      timer = requestAnimationFrame(animate); // controls.update()

      render();
      mixer && mixer.update(clock.getDelta());
      allInfo.map(function (v, i) {
        if (action && (action[i].time > endTime[i] || action[i].time < startTime[i]) && !isPaused[i]) {
          action[i].paused = true;
          isPaused[i] = true;
          endTime[i] = 999999;
          startTime[i] = -1;
        }
      });
    }

    function render() {
      renderer.render(scene, camera);
    }

    function clearThree(obj) {
      while (obj.children && obj.children.length > 0) {
        clearThree(obj.children[0]);
        obj.remove(obj.children[0]);
      }

      obj.dispose && obj.dispose();
      if (obj.geometry) obj.geometry.dispose();

      if (obj.material) {
        //in case of map, bumpMap, normalMap, envMap ...
        Object.keys(obj.material).forEach(function (prop) {
          if (!obj.material[prop]) {
            return;
          }

          if (typeof obj.material[prop].dispose === 'function') {
            obj.material[prop].dispose();
          }
        });
        obj.material.dispose();
      }
    }

    function destroy() {
      try {
        window.removeEventListener('resize', onWindowResize);

        if (controls) {
          controls.removeEventListener('change', handlerControlsChange);
          controls.dispose();
        }

        clearThree(scene);
        scene && scene.clear();
        resMgr && resMgr.dispose();

        if (renderer) {
          renderer.dispose();
          renderer.forceContextLoss();
          renderer.content = null;
          renderer.renderLists.dispose();
          var gl = renderer.domElement.getContext('webgl');
          gl && gl.getExtension('WEBGL_lose_context').loseContext();
          renderer.domElement = null;
        }

        cancelAnimationFrame(timer);
        three_module["h" /* Cache */].clear();
        renderer = null;
      } catch (e) {
        console.log(e);
      }
    }
  });
}
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--15-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--15-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/board.vue?vue&type=script&lang=tsx&
























var boardvue_type_script_lang_tsx_Board = /*#__PURE__*/function (_Vue) {
  Object(inherits["a" /* default */])(Board, _Vue);

  var _super = Object(createSuper["a" /* default */])(Board);

  function Board() {
    var _this;

    Object(classCallCheck["a" /* default */])(this, Board);

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    _this = _super.call.apply(_super, [this].concat(args));

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "resolve3d", void 0);

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "title", '伺服装配线数字孪生系统');

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "time", '时间获取中...');

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "key", void 0);

    return _this;
  }

  Object(createClass["a" /* default */])(Board, [{
    key: "createDivWithBread",
    value: function createDivWithBread(text, slot, right) {
      var h = this.$createElement;
      return h("div", {
        "class": "div-bread"
      }, [text ? h("p", {
        "class": "bread"
      }, [h("span", {
        "class": "text"
      }, [text]), right]) : '', slot]);
    }
  }, {
    key: "setTime",
    value: function setTime() {
      var _this2 = this;

      var getTime = function getTime(d) {
        var year = d.getFullYear();
        var month = d.getMonth() + 1 < 10 ? "0".concat(d.getMonth() + 1) : d.getMonth() + 1;
        var dates = d.getDate() < 10 ? "0".concat(d.getDate()) : d.getDate();
        var hours = d.getHours() < 10 ? "0".concat(d.getHours()) : d.getHours();
        var minutes = d.getMinutes() < 10 ? "0".concat(d.getMinutes()) : d.getMinutes(); // let seconds = d.getSeconds() < 10 ? `0${d.getSeconds()}` : d.getSeconds()

        _this2.time = "".concat(year, "/").concat(month, "/").concat(dates, " ").concat(hours, ":").concat(minutes);
      };

      var loadTimer = function loadTimer() {
        _this2.timer = requestAnimationFrame(function () {
          getTime(new Date());
          loadTimer();
        });
      };

      loadTimer();
    }
  }, {
    key: "watchDigitStatus",
    value: function watchDigitStatus(val) {
      if (this.resolve3d) {
        if (val.sn > -1 && val.sn < 8) {
          if (val.status === 1) {
            this.resolve3d.playIt(val.sn);
          } else {
            this.resolve3d.stopIt(val.sn);
          }
        }
      }
    }
  }, {
    key: "resetForm",
    value: function resetForm() {
      var login = this.$refs.login;
      login.resetForm();
    }
  }, {
    key: "mounted",
    value: function mounted() {
      var _this3 = this;

      this.$q.loading.show();
      this.setTime();
      this.key = Symbol('key');
      this.$createWs(this.key, 'board');
      this.$nextTick(function () {
        create3d(_this3.$refs.canvas).then(function (res) {
          _this3.$q.loading.hide();

          _this3.resolve3d = res;
        });
      });
    }
  }, {
    key: "resetModel",
    value: function resetModel() {
      this.resolve3d && this.resolve3d.reset();
    }
  }, {
    key: "beforeDestroy",
    value: function beforeDestroy() {
      var _this$resolve3d;

      this.key && this.$closeWs(this.key);
      (_this$resolve3d = this.resolve3d) === null || _this$resolve3d === void 0 ? void 0 : _this$resolve3d.destroy();
    }
  }, {
    key: "created",
    value: function created() {
      this.$watch('boardAll.digitStatus', this.watchDigitStatus, {
        immediate: true,
        deep: true
      });
    }
  }, {
    key: "render",
    value: function render() {
      var _this4 = this;

      var h = arguments[0];
      return h("div", {
        "class": "board"
      }, [h("div", {
        "class": "header"
      }, [h("div", [h("span", {
        "on": {
          "click": function click() {
            _this4.$router.push('/');
          }
        }
      }, [this.title]), h("div", {
        "class": "right"
      }, [this.time, h(loginBtn["default"]), h(fullscreen["default"])])])]), h("div", {
        "class": "content"
      }, [h("div", {
        "class": "left"
      }, [this.createDivWithBread('半成品库托盘检测结果', h("div", {
        "class": "tp div-bread-content"
      }, [this.boardAll.semiFinishCheckResult.map(function (v) {
        return h("div", {
          "class": "item"
        }, [h("img", {
          "attrs": {
            "src": __webpack_require__("05e4")("./".concat(v.status < 2 ? 'line' : 'dot', ".png")),
            "alt": ""
          }
        }), h("div", {
          "class": "device-pngs"
        }, [new Array(v.amount).fill(null).map(function (s) {
          return h("div", {
            "class": "img"
          }, [h("img", {
            "attrs": {
              "src": __webpack_require__("cc9b"),
              "alt": ""
            }
          })]);
        })])]);
      })])), this.createDivWithBread('成品库总装电机检测结果', h("div", {
        "class": "dj div-bread-content"
      }, [this.boardAll.finishedCheckResult.map(function (v) {
        return h("div", {
          "class": "img"
        }, [h("img", {
          "attrs": {
            "src": __webpack_require__("05e4")("./".concat(v ? 'light-dj' : 'dark-dj', ".png")),
            "alt": ""
          }
        })]);
      })])), this.createDivWithBread('质量监控', h(lineAndBar["default"], {
        "class": "div-bread-content",
        "attrs": {
          "value": this.boardAll.qualityMonitor
        }
      }), h("div", {
        "class": "right"
      }, [h("div", [h("img", {
        "attrs": {
          "src": __webpack_require__("88ca"),
          "alt": ""
        }
      }), h("span", ["\u4EA7\u91CF"])]), h("div", [h("img", {
        "attrs": {
          "src": __webpack_require__("218c"),
          "alt": ""
        }
      }), h("span", ["\u826F\u54C1\u7387"])])]))]), h("div", {
        "class": "center"
      }, [this.createDivWithBread('', h("div", {
        "class": "div-bread-content center-top"
      }, [h("div", {
        "class": "reset",
        "on": {
          "click": this.resetModel
        }
      }, ["\u8FD8\u539F"]), h("div", {
        "class": "tips"
      }, [this.boardAll.digitTwinUnit.list.map(function (v) {
        return h("div", [h("span", [v.name]), h("span", [v.value])]);
      })]), h("canvas", {
        "ref": "canvas"
      })])), this.createDivWithBread('总线质量监控', h(lineAndBar["default"], {
        "class": "div-bread-content",
        "attrs": {
          "value": this.boardAll.totalQualityMonitor
        }
      }), h("div", {
        "class": "right"
      }, [h("div", [h("img", {
        "attrs": {
          "src": __webpack_require__("88ca"),
          "alt": ""
        }
      }), h("span", ["\u4EA7\u91CF"])]), h("div", [h("img", {
        "attrs": {
          "src": __webpack_require__("218c"),
          "alt": ""
        }
      }), h("span", ["\u826F\u54C1\u7387"])])]))]), h("div", {
        "class": "right"
      }, [this.createDivWithBread('日生产趋势走势图', h(lineAndBar["default"], {
        "class": "div-bread-content",
        "attrs": {
          "value": this.boardAll.dayProductTrend
        }
      })), this.createDivWithBread('报警信息', h("div", {
        "class": "div-bread-content"
      }, [h("div", {
        "class": "legend"
      }), h("div", {
        "class": "table-wrap"
      }, [h(autoScrollTable["default"], {
        "attrs": {
          "data": this.boardAll.alarmData.table
        }
      })])]))])])]);
    }
  }]);

  return Board;
}(external_Vue_default.a);

boardvue_type_script_lang_tsx_Board = Object(tslib_es6["a" /* __decorate */])([Object(vue_property_decorator["a" /* Component */])({
  computed: Object(objectSpread2["a" /* default */])({}, Object(external_Vuex_["mapState"])("product_manager", ['boardAll']))
})], boardvue_type_script_lang_tsx_Board);
/* harmony default export */ var boardvue_type_script_lang_tsx_ = (boardvue_type_script_lang_tsx_Board);
// CONCATENATED MODULE: ./src/components/board.vue?vue&type=script&lang=tsx&
 /* harmony default export */ var components_boardvue_type_script_lang_tsx_ = (boardvue_type_script_lang_tsx_); 
// EXTERNAL MODULE: ./src/components/board.vue?vue&type=style&index=0&id=e528ee8c&lang=stylus&scoped=true&
var boardvue_type_style_index_0_id_e528ee8c_lang_stylus_scoped_true_ = __webpack_require__("dedc");

// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("2877");

// CONCATENATED MODULE: ./src/components/board.vue
var board_render, staticRenderFns





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  components_boardvue_type_script_lang_tsx_,
  board_render,
  staticRenderFns,
  false,
  null,
  "e528ee8c",
  null
  
)

/* harmony default export */ var board = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ "6c54":
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/line.89490df6.png";

/***/ }),

/***/ "7661":
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__("0d5a");
if(content.__esModule) content = content.default;
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add the styles to the DOM
var add = __webpack_require__("499e").default
var update = add("7c41e834", content, true, {"sourceMap":false,"shadowMode":false});

/***/ }),

/***/ "88ca":
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "8977":
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/border-right-top.9e2a2aeb.png";

/***/ }),

/***/ "8e49":
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/header.12eefe7f.png";

/***/ }),

/***/ "94eb":
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "9d72":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
var asyncToGenerator = __webpack_require__("1da1");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
var classCallCheck = __webpack_require__("d4ec");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
var createClass = __webpack_require__("bee2");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
var assertThisInitialized = __webpack_require__("257e");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js + 1 modules
var inherits = __webpack_require__("262e");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js + 2 modules
var createSuper = __webpack_require__("2caf");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
var defineProperty = __webpack_require__("ade3");

// EXTERNAL MODULE: ./node_modules/regenerator-runtime/runtime.js
var runtime = __webpack_require__("96cf");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
var es_array_concat = __webpack_require__("99af");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find.js
var es_array_find = __webpack_require__("7db0");

// EXTERNAL MODULE: ./node_modules/tslib/tslib.es6.js
var tslib_es6 = __webpack_require__("9ab4");

// EXTERNAL MODULE: external "Vue"
var external_Vue_ = __webpack_require__("8bbf");
var external_Vue_default = /*#__PURE__*/__webpack_require__.n(external_Vue_);

// EXTERNAL MODULE: ./node_modules/vue-property-decorator/lib/vue-property-decorator.js
var vue_property_decorator = __webpack_require__("60a3");

// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--15-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--15-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/fullscreen.vue?vue&type=script&lang=tsx&














var fullscreenvue_type_script_lang_tsx_Index = /*#__PURE__*/function (_Vue) {
  Object(inherits["a" /* default */])(Index, _Vue);

  var _super = Object(createSuper["a" /* default */])(Index);

  function Index() {
    var _this;

    Object(classCallCheck["a" /* default */])(this, Index);

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    _this = _super.call.apply(_super, [this].concat(args));

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "fullScreenIconName", 'fullscreen');

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "fullScreenFlag", false);

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "fullScreenEv", '');

    return _this;
  }

  Object(createClass["a" /* default */])(Index, [{
    key: "preventF11",
    value: function preventF11(e) {
      if (e.keyCode === 122) {
        e.preventDefault();
        this.toggleFullScreen();
      }
    }
  }, {
    key: "toggleFullScreen",
    value: function () {
      var _toggleFullScreen = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
        var request, exit;
        return regeneratorRuntime.wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                request = ['requestFullscreen', 'msRequestFullscreen', 'mozRequestFullScreen', 'webkitRequestFullscreen'].find(function (request) {
                  return document.documentElement[request];
                });
                exit = ['exitFullscreen', 'msExitFullscreen', 'mozCancelFullScreen', 'webkitExitFullscreen'].find(function (exit) {
                  return document[exit];
                });

                if (!this.fullScreenFlag) {
                  _context.next = 6;
                  break;
                }

                exit && document[exit]();
                _context.next = 12;
                break;

              case 6:
                if (!(request === undefined)) {
                  _context.next = 9;
                  break;
                }

                this.showNotify({
                  message: '您的浏览器尚不支持全屏显示 请尝试安装升级chrome',
                  type: 'warning',
                  position: 'top',
                  timeout: 3000
                });
                return _context.abrupt("return");

              case 9:
                _context.next = 11;
                return document.documentElement[request]();

              case 11:
                this.fullScreenIconName = 'fullscreen_exit';

              case 12:
              case "end":
                return _context.stop();
            }
          }
        }, _callee, this);
      }));

      function toggleFullScreen() {
        return _toggleFullScreen.apply(this, arguments);
      }

      return toggleFullScreen;
    }()
  }, {
    key: "solveCancelFullScreen",
    value: function solveCancelFullScreen() {
      this.fullScreenFlag = document.fullscreenElement && document.fullscreenElement !== null || document.mozFullscreenElement && document.mozFullscreenElement !== null || document.webkitFullscreenElement && document.webkitFullscreenElement !== null || document.msFullscreenElement && document.msFullscreenElement !== null || false;

      if (!this.fullScreenFlag) {
        this.fullScreenIconName = 'fullscreen';
      } else {
        this.fullScreenIconName = 'fullscreen_exit';
      }
    }
  }, {
    key: "mounted",
    value: function mounted() {
      document.addEventListener('keydown', this.preventF11, {
        passive: false
      });
      this.solveCancelFullScreen();
      this.fullScreenEv = ['fullscreenchange', 'webkitfullscreenchange', 'mozfullscreenchange', 'MSFullscreenChange'].find(function (ev) {
        return "on".concat(ev) in document.documentElement;
      }) || '';

      if (this.fullScreenEv) {
        document.addEventListener(this.fullScreenEv, this.solveCancelFullScreen);
      }
    }
  }, {
    key: "beforeDestroy",
    value: function beforeDestroy() {
      document.removeEventListener(this.fullScreenEv, this.solveCancelFullScreen);
      document.removeEventListener('keydown', this.preventF11);
    }
  }, {
    key: "render",
    value: function render() {
      var h = arguments[0];
      return h("q-icon", {
        "attrs": {
          "name": this.fullScreenIconName,
          "color": "#409EFF"
        },
        "nativeOn": {
          "click": this.toggleFullScreen
        },
        "class": "full-screen"
      });
    }
  }]);

  return Index;
}(external_Vue_default.a);

fullscreenvue_type_script_lang_tsx_Index = Object(tslib_es6["a" /* __decorate */])([vue_property_decorator["a" /* Component */]], fullscreenvue_type_script_lang_tsx_Index);
/* harmony default export */ var fullscreenvue_type_script_lang_tsx_ = (fullscreenvue_type_script_lang_tsx_Index);
// CONCATENATED MODULE: ./src/components/fullscreen.vue?vue&type=script&lang=tsx&
 /* harmony default export */ var components_fullscreenvue_type_script_lang_tsx_ = (fullscreenvue_type_script_lang_tsx_); 
// EXTERNAL MODULE: ./src/components/fullscreen.vue?vue&type=style&index=0&id=50f03858&lang=stylus&scoped=true&
var fullscreenvue_type_style_index_0_id_50f03858_lang_stylus_scoped_true_ = __webpack_require__("5037");

// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("2877");

// CONCATENATED MODULE: ./src/components/fullscreen.vue
var render, staticRenderFns





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  components_fullscreenvue_type_script_lang_tsx_,
  render,
  staticRenderFns,
  false,
  null,
  "50f03858",
  null
  
)

/* harmony default export */ var fullscreen = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ "9f4e":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
var objectSpread2 = __webpack_require__("5530");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 3 modules
var toConsumableArray = __webpack_require__("2909");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
var classCallCheck = __webpack_require__("d4ec");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
var createClass = __webpack_require__("bee2");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
var assertThisInitialized = __webpack_require__("257e");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js + 1 modules
var inherits = __webpack_require__("262e");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js + 2 modules
var createSuper = __webpack_require__("2caf");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
var defineProperty = __webpack_require__("ade3");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
var es_array_concat = __webpack_require__("99af");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
var es_array_map = __webpack_require__("d81d");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
var es_object_to_string = __webpack_require__("d3b7");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
var es_regexp_to_string = __webpack_require__("25f0");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
var es_regexp_exec = __webpack_require__("ac1f");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.split.js
var es_string_split = __webpack_require__("1276");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find-index.js
var es_array_find_index = __webpack_require__("c740");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
var es_number_constructor = __webpack_require__("a9e3");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.repeat.js
var es_string_repeat = __webpack_require__("38cf");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.fill.js
var es_array_fill = __webpack_require__("cb29");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
var es_function_name = __webpack_require__("b0c0");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.join.js
var es_array_join = __webpack_require__("a15b");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.flat.js
var es_array_flat = __webpack_require__("0481");

// EXTERNAL MODULE: ./node_modules/tslib/tslib.es6.js
var tslib_es6 = __webpack_require__("9ab4");

// EXTERNAL MODULE: external "Vue"
var external_Vue_ = __webpack_require__("8bbf");
var external_Vue_default = /*#__PURE__*/__webpack_require__.n(external_Vue_);

// EXTERNAL MODULE: ./node_modules/vue-property-decorator/lib/vue-property-decorator.js
var vue_property_decorator = __webpack_require__("60a3");

// EXTERNAL MODULE: ./node_modules/lodash/lodash.js
var lodash = __webpack_require__("2ef0");
var lodash_default = /*#__PURE__*/__webpack_require__.n(lodash);

// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--15-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--15-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/lineAndBar.vue?vue&type=script&lang=tsx&


























var lineAndBarvue_type_script_lang_tsx_LineAndBar = /*#__PURE__*/function (_Vue) {
  Object(inherits["a" /* default */])(LineAndBar, _Vue);

  var _super = Object(createSuper["a" /* default */])(LineAndBar);

  function LineAndBar() {
    var _this;

    Object(classCallCheck["a" /* default */])(this, LineAndBar);

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    _this = _super.call.apply(_super, [this].concat(args));

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "value", void 0);

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "chart", []);

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "toRightWidth", 0);

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "labelWidth", 0);

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "resize", []);

    return _this;
  }

  Object(createClass["a" /* default */])(LineAndBar, [{
    key: "resizeChart",
    value: function resizeChart() {
      this.resize && this.resize.map(function (v) {
        return v();
      });
    }
  }, {
    key: "fontSize",
    value: function fontSize(size) {
      var zoom = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
      var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
      if (!width) return size;
      var ratio = width / 1920;
      var style = document.documentElement.style;
      return size * ratio / (zoom ? style.zoom || 1 : 1);
    }
  }, {
    key: "solveDecimals",
    value: function solveDecimals(num, min) {
      if (typeof num !== 'number' || isNaN(num)) return num;
      var str = num.toString();
      var dotArr = str.split('.');
      var idx = dotArr[1] ? dotArr[1].split('').findIndex(function (v) {
        return v !== '0';
      }) : -1;
      return idx < 0 ? Math.ceil(num) + 1 : num - min < 1 ? Number(dotArr[0] + '.' + '0'.repeat(idx) + (Number(dotArr[1][idx]) + 1)) : Math.ceil(num) + 1;
    }
  }, {
    key: "watchData",
    value: function watchData() {
      var _this2 = this;

      if (!this.value) return; // console.log(this.value)

      var chart = this.chart[0] && this.chart[0]._dom === this.$refs.chart ? this.chart[0] : this.$echarts.init(this.$refs.chart);
      this.chart[0] = chart;
      var max = new Array(this.value.y.length).fill(0);
      var min = new Array(this.value.y.length).fill(1000000000000000);
      var flag = false;
      var canvas = document.createElement('canvas');
      var ctx = canvas.getContext('2d');
      ctx.font = "".concat(this.fontSize(260 / this.value.x.length > 10 ? 10 : 260 / this.value.x.length), "px sans-serif"); // let rect = (this.$refs.chart as HTMLDivElement).getBoundingClientRect()
      // let oneWidth = (rect.width - this.fontSize(18)) / (this.value.x.length - 3 < 0 ? 1 : this.value.x.length - 3)

      var colors = this.value.colors.map(function (v) {
        return {
          type: 'linear',
          x: 0,
          y: 0,
          x2: 0,
          y2: 1,
          colorStops: [{
            offset: 0,
            color: v[0]
          }, {
            offset: 1,
            color: v[1]
          }],
          global: false
        };
      });
      this.value.data.map(function (v, i) {
        if (Array.isArray(v)) {
          v = v[0];
        }

        var idx = min[v.y] === undefined ? 0 : v.y;
        v.data.map(function (d) {
          flag = true;

          if (typeof d === 'number' && !isNaN(d)) {
            min[idx] = Math.min(min[idx], d);
            max[idx] = Math.max(max[idx], d);
          }
        });

        if (v.markLine) {
          v.markLine.map(function (m) {
            max[idx] = Math.max(max[idx], m);
            min[idx] = Math.min(min[idx], m);
          });
        }
      });
      min = min.map(function (v) {
        return !flag ? 0 : Math.floor(v * 0.8);
      });
      max = max.map(function (v, i) {
        return !flag ? 0 : _this2.solveDecimals(v, min[i]);
      });
      var that = this;
      var isMulalti = Array.isArray(that.value.data[0]);

      var resize = function resize(_ref) {
        var _this2$value, _this2$value$config, _this2$value2, _this2$value2$config, _this2$value3, _this2$value3$config, _this2$value4, _this2$value4$config, _this2$value5, _this2$value5$config, _this2$value6, _this2$value6$config, _this2$value7, _this2$value7$config;

        var _ref$calcReady = _ref.calcReady,
            calcReady = _ref$calcReady === void 0 ? false : _ref$calcReady,
            noFg = _ref.noFg;
        ctx.font = "".concat(_this2.fontSize(260 / _this2.value.x.length > 12 ? 12 : 260 / _this2.value.x.length), "px sans-serif");

        var isRotate = _this2.value.x.some(function (v) {
          return function () {
            var arr = v.split('/n');
            var max = 0;
            arr.map(function (a) {
              max = Math.max(max, ctx.measureText(a).width);
            });
            return max;
          }() > _this2.toRightWidth / _this2.value.x.length;
        });

        chart.setOption({
          title: {
            top: 'top',
            padding: _this2.fontSize(1),
            text: _this2.value.name,
            textStyle: {
              fontSize: _this2.fontSize(12)
            }
          },
          grid: {
            top: ((_this2$value = _this2.value) === null || _this2$value === void 0 ? void 0 : (_this2$value$config = _this2$value.config) === null || _this2$value$config === void 0 ? void 0 : _this2$value$config.xAxisPosition) === 'top' ? _this2.fontSize(14) : _this2.fontSize(26),
            bottom: 0,
            left: 0,
            right: 0,
            containLabel: !((_this2$value2 = _this2.value) !== null && _this2$value2 !== void 0 && (_this2$value2$config = _this2$value2.config) !== null && _this2$value2$config !== void 0 && _this2$value2$config.notShowYAxis)
          },
          legend: {
            show: !((_this2$value3 = _this2.value) !== null && _this2$value3 !== void 0 && (_this2$value3$config = _this2$value3.config) !== null && _this2$value3$config !== void 0 && _this2$value3$config.notShowLegend) && !isMulalti,
            // icon: 'roundRect',
            // // orient: 'vertical',
            padding: 0,
            itemGap: _this2.fontSize(8),
            selectorItemGap: _this2.fontSize(14),
            algin: 'right',
            top: _this2.fontSize(2),
            right: 0,
            iconStyle: {
              padding: _this2.fontSize(40)
            },
            itemHeight: _this2.fontSize(8),
            itemWidth: _this2.fontSize(16),
            // height: 'auto',
            textStyle: {
              color: '#fff',
              padding: _this2.fontSize(2, true),
              fontSize: _this2.fontSize(12)
            },
            data: _this2.value.data.map(function (v, i) {
              if (Array.isArray(v)) {
                v = v[0];
              }

              return {
                name: v.name,
                lineStyle: {
                  color: _this2.value.colors[i][0],
                  width: _this2.fontSize(2)
                }
              };
            }) // // icon: 'roundRect'

          },
          xAxis: [{
            type: 'category',
            show: !((_this2$value4 = _this2.value) !== null && _this2$value4 !== void 0 && (_this2$value4$config = _this2$value4.config) !== null && _this2$value4$config !== void 0 && _this2$value4$config.notShowXAxis),
            position: ((_this2$value5 = _this2.value) === null || _this2$value5 === void 0 ? void 0 : (_this2$value5$config = _this2$value5.config) === null || _this2$value5$config === void 0 ? void 0 : _this2$value5$config.xAxisPosition) || 'bottom',
            axisLabel: {
              color: '#00FFFF',
              interval: 0,
              margin: _this2.fontSize(8),
              fontSize: _this2.fontSize(260 / _this2.value.x.length > 12 ? 12 : 260 / _this2.value.x.length),
              rotate: isRotate ? 45 : 0
            },
            axisTick: {
              show: !((_this2$value6 = _this2.value) !== null && _this2$value6 !== void 0 && (_this2$value6$config = _this2$value6.config) !== null && _this2$value6$config !== void 0 && _this2$value6$config.notShowXAxis),
              length: _this2.fontSize(5),
              lineStyle: {
                width: _this2.fontSize(1),
                color: '#00FFFF'
              }
            },
            axisLine: {
              show: !((_this2$value7 = _this2.value) !== null && _this2$value7 !== void 0 && (_this2$value7$config = _this2$value7.config) !== null && _this2$value7$config !== void 0 && _this2$value7$config.notShowXAxis),
              lineStyle: {
                width: _this2.fontSize(1),
                color: '#00FFFF'
              }
            },
            axisPointer: {
              // show: !this.value?.config?.notShowXAxis,
              lineStyle: {
                width: _this2.fontSize(1),
                color: '#00FFFF'
              }
            },
            data: _this2.value.x.length ? _this2.value.x : ['无数据']
          }].concat(Object(toConsumableArray["a" /* default */])(calcReady ? [] : [{
            type: 'value',
            show: false,
            max: 100,
            min: 0,
            position: 'bottom'
          }])),
          yAxis: Object(toConsumableArray["a" /* default */])(_this2.value.y.map(function (v, i) {
            var _this2$value8, _this2$value8$config;

            return {
              max: max[i],
              min: min[i],
              show: !((_this2$value8 = _this2.value) !== null && _this2$value8 !== void 0 && (_this2$value8$config = _this2$value8.config) !== null && _this2$value8$config !== void 0 && _this2$value8$config.notShowYAxis),
              type: 'value',
              nameTextStyle: {
                verticalAlign: 'top',
                color: '#00FFFF',
                fontSize: _this2.fontSize(10)
              },
              nameGap: _this2.fontSize(15),
              splitLine: {
                show: false
              },
              axisLine: {
                show: true,
                symbolSize: [0, 0],
                lineStyle: {
                  width: _this2.fontSize(1),
                  color: '#00FFFF'
                }
              },
              axisTick: {
                lineStyle: {
                  width: _this2.fontSize(1),
                  color: '#00FFFF'
                }
              },
              axisLabel: {
                // inside: true,
                color: '#00FFFF',
                // width: 100,
                fontFamily: 'Microsoft YaHei',
                fontSize: _this2.fontSize(10),
                margin: _this2.fontSize(8),
                formatter: '{value}'
              },
              name: v
            };
          })),
          tooltip: {
            trigger: 'axis',
            textStyle: {
              fontSize: _this2.fontSize(12, true)
            },
            position: function position(point, params, dom, rect, size) {
              var containerRect = that.$refs.chart.getBoundingClientRect();
              var x = point[0];
              var y = point[1];

              if (size.contentSize[0] + x + containerRect.left >= window.innerWidth) {
                x = x - size.contentSize[0];
              }

              if (size.contentSize[1] + y + containerRect.top >= window.innerHeight) {
                y = y - size.contentSize[1];
              }

              return [x, y];
            },
            appendToBody: true,
            className: 'zoom-line-bar',
            extraCssText: 'padding: calc(10px * var(--zoom))',
            // alwaysShowContent: true,
            formatter: function formatter(params) {
              // console.log(params, isMulalti)
              return isMulalti ? "<div>\n                            <p>\n                                <span>".concat(params[0].seriesName, "</span>:<span>").concat(params[0].value, "</span>\n                            </p>\n                        </div>") : "<div>".concat(params.map(function (v, i) {
                return "<p>\n                                <span>".concat(v.seriesName, "</span>:<span>").concat(v.value, "</span>\n                            </p>");
              }).join(''), "\n                        </div>");
            }
          },
          series: _this2.value.data.map(function (v, i) {
            var returnObj = function returnObj(v) {
              var _this2$value9, _this2$value9$config;

              return Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
                name: v.name,
                data: v.data,
                type: v.type,
                itemStyle: {
                  color: colors[i]
                }
              }, (_this2$value9 = _this2.value) !== null && _this2$value9 !== void 0 && (_this2$value9$config = _this2$value9.config) !== null && _this2$value9$config !== void 0 && _this2$value9$config.showAreaStyle ? {
                areaStyle: {}
              } : {}), {}, {
                // areaStyle: {},
                yAxisIndex: v.y,
                barMaxWidth: _this2.fontSize(30),
                barWidth: _this2.fontSize(20),
                barGap: '30%',
                smooth: true,
                symbol: 'circual',
                symbolSize: 0,
                lineStyle: {
                  width: _this2.fontSize(2)
                },
                emphasis: {
                  scale: 1.6,
                  labelLine: {
                    show: false,
                    lineStyle: {
                      width: _this2.fontSize(1)
                    }
                  }
                },
                label: {
                  show: v.showLabel,
                  distance: _this2.fontSize(1),
                  position: 'top',
                  color: _this2.value.colors[i][1],
                  // color: '#2E90FD',
                  fontFamily: 'Microsoft YaHei',
                  fontSize: _this2.fontSize(12),
                  formatter: function formatter(param) {
                    if (!param.data) {
                      return '';
                    } else {
                      return "".concat(param.data).concat(i === 2 ? '%' : '');
                    }
                  }
                }
              }, v.stack ? {
                stack: v.stack
              } : {}), v.markLine // ? {
              //     markLine: {
              //         symbol: ['none', 'none'],
              //         label: {
              //             color: '#fff',
              //             position: 'insideEndTop',
              //             formatter: '{c}%'
              //         },
              //         lineStyle: {
              //             color: 'white'
              //         },
              //         data: [
              //             {
              //                 name: '',
              //                 yAxis: v.markLine
              //             }
              //         ]
              //     }
              // }
              ? {
                markLine: {
                  symbol: ['none', 'none'],
                  label: {
                    color: '#D300FC',
                    position: 'insideEndTop',
                    distance: [_this2.fontSize(-0), 0],
                    fontSize: _this2.fontSize(12) // formatter: '{c}%'

                  },
                  lineStyle: {
                    width: _this2.fontSize(2),
                    color: '#D300FC'
                  },
                  emphasis: {
                    lineStyle: {
                      width: _this2.fontSize(3)
                    }
                  },
                  data: function () {
                    var data = [];

                    var rect = _this2.$refs.chart.getBoundingClientRect(); // const canvas = document.createElement('canvas')
                    // const context = canvas.getContext('2d') as CanvasRenderingContext2D
                    // context.font = `${this.fontSize(12)}px Microsoft YaHei`


                    var labelWidth = _this2.labelWidth || 0;
                    var cellWidth = _this2.toRightWidth / _this2.value.x.length;
                    v.markLine.map(function (n, i) {
                      var _v$markLine, _v$markLine2;

                      var leftSide = ((_v$markLine = v.markLine) === null || _v$markLine === void 0 ? void 0 : _v$markLine[i - 1]) === n;
                      var rightSide = ((_v$markLine2 = v.markLine) === null || _v$markLine2 === void 0 ? void 0 : _v$markLine2[i + 1]) === n;

                      if (!leftSide && !rightSide) {
                        data.push([{
                          name: n + '%',
                          // coord: [this.value.x[i], n],
                          x: labelWidth + i * cellWidth,
                          yAxis: n
                        }, {
                          // coord: [this.value.x[i], n]
                          x: labelWidth + (i + 1) * cellWidth,
                          yAxis: n
                        }]);
                      } else if (leftSide && !rightSide) {
                        data[data.length - 1].push({
                          // coord: [this.value.x[i], n],
                          x: labelWidth + (i + 1) * cellWidth,
                          yAxis: n
                        });
                      } else if (!leftSide && rightSide) {
                        data.push([{
                          name: n + '%',
                          x: labelWidth + i * cellWidth,
                          yAxis: n // coord: [this.value.x[i], n]

                        }]);
                      }
                    });
                    return data;
                  }()
                }
              } : {});
            };

            if (Array.isArray(v)) {
              return Object(toConsumableArray["a" /* default */])(v).map(function (son, j, arr) {
                if (arr.length > 1 && j) {
                  return {
                    name: son.stack,
                    type: 'bar',
                    stack: son.stack,
                    yAxisIndex: 0,
                    slient: true,
                    itemStyle: {
                      color: 'rgba(255, 255, 255, 0.1)'
                    },
                    data: son.data.map(function (v) {
                      return {
                        value: (max[i] - v) * 10,
                        label: v
                      };
                    }),
                    label: {
                      show: false
                    }
                  };
                } else {
                  return returnObj(son);
                }
              });
            } else {
              return [returnObj(v)];
            }
          }).flat()
        }, noFg);
      };

      resize({
        calcReady: false,
        noFg: true
      });
      this.resize = this.chart.map(function (v) {
        return lodash_default.a.debounce(function () {
          // resize({
          //     calcReady: false,
          //     noFg: false
          // })
          v.resize(); // this.labelWidth = this.chart[0].convertToPixel({ xAxisIndex: 1, yAxisIndex: 0 }, [0, 0])[0]
          // this.toRightWidth = this.chart[0].convertToPixel({ xAxisIndex: 1, yAxisIndex: 0 }, [100, 0])[0] - this.labelWidth
          // console.log(this.labelWidth, this.toRightWidth)
          // resize({
          //     calcReady: true,
          //     noFg: false
          // })
        }, 50);
      });
      this.labelWidth = this.chart[0].convertToPixel({
        xAxisIndex: 1,
        yAxisIndex: 0
      }, [0, 0])[0];
      this.toRightWidth = this.chart[0].convertToPixel({
        xAxisIndex: 1,
        yAxisIndex: 0
      }, [100, 0])[0] - this.labelWidth; // console.log(this.labelWidth, this.toRightWidth)

      resize({
        calcReady: true,
        noFg: true
      });
    }
  }, {
    key: "created",
    value: function created() {}
  }, {
    key: "mounted",
    value: function mounted() {
      this.$watch('value', this.watchData, {
        deep: true,
        immediate: true
      });
      window.addEventListener('resize', this.resizeChart);
    }
  }, {
    key: "beforeDestroy",
    value: function beforeDestroy() {
      this.chart.map(function (v) {
        return v.dispose();
      });
      window.removeEventListener('resize', this.resizeChart);
    }
  }, {
    key: "render",
    value: function render() {
      var h = arguments[0];
      return h("div", {
        "class": "chart",
        "ref": "chart"
      });
    }
  }]);

  return LineAndBar;
}(external_Vue_default.a);

Object(tslib_es6["a" /* __decorate */])([Object(vue_property_decorator["b" /* Prop */])({
  type: Object,
  default: function _default() {
    return null;
  }
})], lineAndBarvue_type_script_lang_tsx_LineAndBar.prototype, "value", void 0);

lineAndBarvue_type_script_lang_tsx_LineAndBar = Object(tslib_es6["a" /* __decorate */])([vue_property_decorator["a" /* Component */]], lineAndBarvue_type_script_lang_tsx_LineAndBar);
/* harmony default export */ var lineAndBarvue_type_script_lang_tsx_ = (lineAndBarvue_type_script_lang_tsx_LineAndBar);
// CONCATENATED MODULE: ./src/components/lineAndBar.vue?vue&type=script&lang=tsx&
 /* harmony default export */ var components_lineAndBarvue_type_script_lang_tsx_ = (lineAndBarvue_type_script_lang_tsx_); 
// EXTERNAL MODULE: ./src/components/lineAndBar.vue?vue&type=style&index=0&id=8b16633c&lang=stylus&scoped=true&
var lineAndBarvue_type_style_index_0_id_8b16633c_lang_stylus_scoped_true_ = __webpack_require__("5cd4");

// EXTERNAL MODULE: ./src/components/lineAndBar.vue?vue&type=style&index=1&lang=stylus&
var lineAndBarvue_type_style_index_1_lang_stylus_ = __webpack_require__("f299");

// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("2877");

// CONCATENATED MODULE: ./src/components/lineAndBar.vue
var render, staticRenderFns






/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  components_lineAndBarvue_type_script_lang_tsx_,
  render,
  staticRenderFns,
  false,
  null,
  "8b16633c",
  null
  
)

/* harmony default export */ var lineAndBar = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ "ad2d":
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "b255":
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__("5592");
if(content.__esModule) content = content.default;
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add the styles to the DOM
var add = __webpack_require__("499e").default
var update = add("0c476b7f", content, true, {"sourceMap":false,"shadowMode":false});

/***/ }),

/***/ "caf5":
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "cc9b":
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/device.51f59022.png";

/***/ }),

/***/ "cfdb":
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/logo.c4bbaff4.png";

/***/ }),

/***/ "dedc":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_3_node_modules_stylus_loader_index_js_ref_11_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_board_vue_vue_type_style_index_0_id_e528ee8c_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b255");
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_3_node_modules_stylus_loader_index_js_ref_11_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_board_vue_vue_type_style_index_0_id_e528ee8c_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_3_node_modules_stylus_loader_index_js_ref_11_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_board_vue_vue_type_style_index_0_id_e528ee8c_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
/* unused harmony reexport * */


/***/ }),

/***/ "e1be":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_3_node_modules_stylus_loader_index_js_ref_11_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_autoScrollTable_vue_vue_type_style_index_0_id_ad3b335a_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0535");
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_3_node_modules_stylus_loader_index_js_ref_11_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_autoScrollTable_vue_vue_type_style_index_0_id_ad3b335a_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_3_node_modules_stylus_loader_index_js_ref_11_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_autoScrollTable_vue_vue_type_style_index_0_id_ad3b335a_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
/* unused harmony reexport * */


/***/ }),

/***/ "e697":
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "e73c":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
var objectSpread2 = __webpack_require__("5530");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 3 modules
var toConsumableArray = __webpack_require__("2909");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
var classCallCheck = __webpack_require__("d4ec");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
var createClass = __webpack_require__("bee2");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
var assertThisInitialized = __webpack_require__("257e");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js + 1 modules
var inherits = __webpack_require__("262e");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js + 2 modules
var createSuper = __webpack_require__("2caf");

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
var defineProperty = __webpack_require__("ade3");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
var es_array_concat = __webpack_require__("99af");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
var es_function_name = __webpack_require__("b0c0");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
var es_array_map = __webpack_require__("d81d");

// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
var es_number_constructor = __webpack_require__("a9e3");

// EXTERNAL MODULE: ./node_modules/tslib/tslib.es6.js
var tslib_es6 = __webpack_require__("9ab4");

// EXTERNAL MODULE: external "Vue"
var external_Vue_ = __webpack_require__("8bbf");
var external_Vue_default = /*#__PURE__*/__webpack_require__.n(external_Vue_);

// EXTERNAL MODULE: ./node_modules/vue-property-decorator/lib/vue-property-decorator.js
var vue_property_decorator = __webpack_require__("60a3");

// EXTERNAL MODULE: ./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
var ResizeObserver_es = __webpack_require__("6dd8");

// EXTERNAL MODULE: ./node_modules/lodash/lodash.js
var lodash = __webpack_require__("2ef0");
var lodash_default = /*#__PURE__*/__webpack_require__.n(lodash);

// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--15-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--15-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/autoScrollTable.vue?vue&type=script&lang=tsx&


















var autoScrollTablevue_type_script_lang_tsx_AutoScrollTable = /*#__PURE__*/function (_Vue) {
  Object(inherits["a" /* default */])(AutoScrollTable, _Vue);

  var _super = Object(createSuper["a" /* default */])(AutoScrollTable);

  function AutoScrollTable() {
    var _this;

    Object(classCallCheck["a" /* default */])(this, AutoScrollTable);

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    _this = _super.call.apply(_super, [this].concat(args));

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "data", void 0);

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "smallerFont", void 0);

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "scale", void 0);

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "notShowHeader", void 0);

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "scrollAble", void 0);

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "realData", {
      data: [],
      headers: []
    });

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "realDataCopy", {
      data: [],
      headers: []
    });

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "scrollTimer", void 0);

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "transitionEnd", void 0);

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "flag", false);

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "flagCopy", false);

    Object(defineProperty["a" /* default */])(Object(assertThisInitialized["a" /* default */])(_this), "observer", void 0);

    return _this;
  }

  Object(createClass["a" /* default */])(AutoScrollTable, [{
    key: "refresh",
    value: function refresh(newVal, oldVal) {
      if (!newVal) return;

      if (!this.scrollAble) {
        cancelAnimationFrame(this.scrollTimer);
        this.realData = newVal;
        this.flag = false;
        this.flagCopy = false;
        var body = this.$refs.body;
        this.resetPosition(body);
        return;
      }

      this.realDataCopy = newVal;
      this.flagCopy = true;

      if (!oldVal) {
        this.judgeOrScroll();
      } else if (newVal.headers.length !== oldVal.headers.length || newVal.data.length !== oldVal.data.length) {
        this.judgeOrScroll();
      } else {
        for (var i = 0; i < newVal.headers.length; i++) {
          if (newVal.headers[i].code !== oldVal.headers[i].code || newVal.headers[i].name !== oldVal.headers[i].name) {
            this.judgeOrScroll();
            return;
          }
        }

        var iterationArr = [].concat(Object(toConsumableArray["a" /* default */])(newVal.headers), [{
          code: 'style'
        }, {
          code: 'cellStyle'
        }, {
          code: 'color'
        }]);

        for (var _i = 0; _i < newVal.data.length; _i++) {
          var newRow = newVal.data[_i];
          var oldRow = oldVal.data[_i];

          for (var t = 0; t < iterationArr.length; t++) {
            if (newRow[iterationArr[t].code] !== oldRow[iterationArr[t].code]) {
              this.judgeOrScroll();
              return;
            }
          }
        }
      }
    }
  }, {
    key: "scaleNum",
    get: function get() {
      return this.scale || 1;
    }
  }, {
    key: "mounted",
    value: function mounted() {
      var _this2 = this;

      this.$watch('data', this.refresh, {
        deep: true,
        immediate: true
      });

      if (this.scrollAble) {
        this.observer = new ResizeObserver_es["default"](lodash_default.a.debounce(function (entries) {
          entries.map(function (v) {
            if (v.contentRect.width === 0 || !_this2.realData.headers.length) return;
            _this2.realDataCopy = _this2.realData;
            _this2.flagCopy = true;

            _this2.judgeOrScroll(true);
          });
        }, 50));
        this.observer.observe(this.$refs.tableContainer);
      }
    }
  }, {
    key: "beforeDestroy",
    value: function beforeDestroy() {
      cancelAnimationFrame(this.scrollTimer);
      this.observer && this.observer.unobserve(this.$refs.tableContainer);
      var body = this.$refs.body;
      body.removeEventListener('transitionend', this.transitionEnd);
    }
  }, {
    key: "judgeOrScroll",
    value: function judgeOrScroll(flag) {
      var _this3 = this;

      this.$nextTick(function () {
        var v = _this3.$refs.tableContainer;
        var vCopy = _this3.$refs.tableContainerCopy;
        if (!v) return;

        if (vCopy.offsetHeight < vCopy.scrollHeight && _this3.scrollAble) {
          _this3.realData = _this3.realDataCopy;
          _this3.flagCopy = false;
          var body = _this3.$refs.body;

          if (!flag && _this3.flag && v.scrollHeight - body.scrollHeight / 2 === vCopy.scrollHeight) {
            return;
          }

          cancelAnimationFrame(_this3.scrollTimer);
          _this3.flag = true;

          _this3.$nextTick(function () {
            var body = _this3.$refs.body;

            _this3.resetPosition(body, function () {
              body.style.transition = "transform ".concat(body.scrollHeight / 30, "s linear");
              body.style.transform = "translate3d(0px, -".concat(body.scrollHeight / 2, "px, 0px)");

              _this3.transitionEnd = function (e) {
                if (e.target !== body) return;
                body.style.transition = '';
                _this3.scrollTimer = requestAnimationFrame(function () {
                  body.style.transform = 'translate3d(0px, 0px, 0px)';
                  _this3.scrollTimer = requestAnimationFrame(function () {
                    body.style.transition = "transform ".concat(body.scrollHeight / 30, "s linear");
                    body.style.transform = "translate3d(0px, -".concat(body.scrollHeight / 2, "px, 0px)");
                  });
                });
              };

              body.addEventListener('transitionend', _this3.transitionEnd);
            });
          });
        } else {
          cancelAnimationFrame(_this3.scrollTimer);
          _this3.realData = _this3.realDataCopy;
          _this3.flag = false;
          _this3.flagCopy = false;
          var _body = _this3.$refs.body;

          _this3.resetPosition(_body);
        }
      });
    }
  }, {
    key: "resetPosition",
    value: function resetPosition(body, fn) {
      body.style.transition = '';
      body.removeEventListener('transitionend', this.transitionEnd);
      this.scrollTimer = requestAnimationFrame(function () {
        body.style.transform = 'translate3d(0px, 0px, 0px)';
        fn && fn();
      });
    }
  }, {
    key: "judgeSmallerFont",
    value: function judgeSmallerFont(name, color) {
      var h = this.$createElement;
      return typeof name === 'string' || typeof name === 'number' ? h("svg", {
        "attrs": {
          "width": "100%",
          "height": "12",
          "preserveAspectRatio": "none"
        }
      }, [h("text", {
        "attrs": {
          "fill": color,
          "dominant-baseline": "text-before-edge",
          "font-size": "8",
          "x": "50%",
          "y": "50%"
        },
        "style": "text-anchor: middle"
      }, [name])]) : name;
    }
  }, {
    key: "render",
    value: function render() {
      var _this4 = this;

      var h = arguments[0];
      return h("div", {
        "class": "table-container",
        "ref": "tableContainer",
        "style": "position: relative"
      }, [h("table", {
        "attrs": {
          "cellspacing": "0",
          "cellpadding": "0",
          "border": "0"
        },
        "style": {
          fontSize: this.smallerFont ? 'calc(2px + 0.32vw)' : ''
        }
      }, [h("thead", {
        "style": {
          visibility: this.notShowHeader ? 'hidden' : ''
        }
      }, [h("tr", [this.realData.headers.map(function (header) {
        return h("th", {
          "key": header.code,
          "style": {
            width: header.width || ''
          }
        }, [header.name]);
      })])])]), h("div", {
        "class": "wrapper"
      }, [h("table", {
        "attrs": {
          "cellspacing": "0",
          "cellpadding": "0",
          "border": "0"
        },
        "style": {
          fontSize: this.smallerFont ? 'calc(2px + 0.32vw)' : ''
        }
      }, [h("thead", {
        "style": {
          visibility: 'hidden',
          height: 0
        }
      }, [h("tr", [this.realData.headers.map(function (header) {
        return h("th", {
          "key": header.code,
          "style": {
            width: header.width || '',
            height: 0,
            padding: 0,
            fontSize: 0
          }
        }, [header.name]);
      })])]), h("tbody", {
        "ref": "body"
      }, [(this.flag ? [].concat(Object(toConsumableArray["a" /* default */])(this.realData.data), Object(toConsumableArray["a" /* default */])(this.realData.data)) : this.realData.data).map(function (row, i) {
        return h("tr", {
          "key": i,
          "attrs": {
            "data-i": i % _this4.realData.data.length % 2 ? 'even' : 'odd'
          },
          "style": row.style ? Object(objectSpread2["a" /* default */])({}, row.style) : {},
          "on": {
            "click": function click() {
              _this4.$emit('trClick', i);
            }
          }
        }, [_this4.realData.headers.map(function (col) {
          return h("td", {
            "attrs": {
              "title": typeof row[col.code] === 'string' || typeof row[col.code] === 'number' ? row[col.code] : ''
            },
            "style": Object(objectSpread2["a" /* default */])({
              color: row.color
            }, row.cellStyle ? Object(objectSpread2["a" /* default */])({}, row.cellStyle) : {})
          }, [row[col.code]]);
        })]);
      })])])]), this.flagCopy && h("div", {
        "class": "table-container-copy",
        "ref": "tableContainerCopy"
      }, [h("table", {
        "attrs": {
          "cellspacing": "0",
          "cellpadding": "0",
          "border": "0"
        },
        "style": {
          fontSize: this.smallerFont ? 'calc(2px + 0.32vw)' : ''
        }
      }, [h("thead", {
        "style": {
          visibility: this.notShowHeader ? 'hidden' : ''
        }
      }, [h("tr", [this.realDataCopy.headers.map(function (header) {
        return h("th", [header.name]);
      })])]), h("tbody", [this.realDataCopy.data.map(function (row, i) {
        return h("tr", {
          "key": i,
          "style": row.style ? Object(objectSpread2["a" /* default */])({}, row.style) : {}
        }, [_this4.realDataCopy.headers.map(function (col) {
          return h("td", {
            "style": Object(objectSpread2["a" /* default */])({
              color: row.color
            }, row.cellStyle ? Object(objectSpread2["a" /* default */])({}, row.cellStyle) : {})
          }, [row[col.code]]);
        })]);
      })])])])]);
    }
  }]);

  return AutoScrollTable;
}(external_Vue_default.a);

Object(tslib_es6["a" /* __decorate */])([Object(vue_property_decorator["b" /* Prop */])({
  type: Object,
  default: function _default() {
    return {
      data: [],
      headers: []
    };
  }
})], autoScrollTablevue_type_script_lang_tsx_AutoScrollTable.prototype, "data", void 0);

Object(tslib_es6["a" /* __decorate */])([Object(vue_property_decorator["b" /* Prop */])({
  type: Boolean,
  default: false
})], autoScrollTablevue_type_script_lang_tsx_AutoScrollTable.prototype, "smallerFont", void 0);

Object(tslib_es6["a" /* __decorate */])([Object(vue_property_decorator["b" /* Prop */])({
  type: Number,
  default: 1
})], autoScrollTablevue_type_script_lang_tsx_AutoScrollTable.prototype, "scale", void 0);

Object(tslib_es6["a" /* __decorate */])([Object(vue_property_decorator["b" /* Prop */])({
  type: Boolean,
  default: false
})], autoScrollTablevue_type_script_lang_tsx_AutoScrollTable.prototype, "notShowHeader", void 0);

Object(tslib_es6["a" /* __decorate */])([Object(vue_property_decorator["b" /* Prop */])({
  type: Boolean,
  default: true
})], autoScrollTablevue_type_script_lang_tsx_AutoScrollTable.prototype, "scrollAble", void 0);

autoScrollTablevue_type_script_lang_tsx_AutoScrollTable = Object(tslib_es6["a" /* __decorate */])([vue_property_decorator["a" /* Component */]], autoScrollTablevue_type_script_lang_tsx_AutoScrollTable);
/* harmony default export */ var autoScrollTablevue_type_script_lang_tsx_ = (autoScrollTablevue_type_script_lang_tsx_AutoScrollTable);
// CONCATENATED MODULE: ./src/components/autoScrollTable.vue?vue&type=script&lang=tsx&
 /* harmony default export */ var components_autoScrollTablevue_type_script_lang_tsx_ = (autoScrollTablevue_type_script_lang_tsx_); 
// EXTERNAL MODULE: ./src/components/autoScrollTable.vue?vue&type=style&index=0&id=ad3b335a&lang=stylus&scoped=true&
var autoScrollTablevue_type_style_index_0_id_ad3b335a_lang_stylus_scoped_true_ = __webpack_require__("e1be");

// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("2877");

// CONCATENATED MODULE: ./src/components/autoScrollTable.vue
var autoScrollTable_render, staticRenderFns





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  components_autoScrollTablevue_type_script_lang_tsx_,
  autoScrollTable_render,
  staticRenderFns,
  false,
  null,
  "ad3b335a",
  null
  
)

/* harmony default export */ var autoScrollTable = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ "ee0d":
/***/ (function(module, exports, __webpack_require__) {

// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
exports = ___CSS_LOADER_API_IMPORT___(false);
// Module
exports.push([module.i, ".full-screen[data-v-50f03858]{font-size:calc(1.3vw/var(--zoom));color:#0ff;cursor:pointer;margin-left:5px;line-height:1}", ""]);
// Exports
module.exports = exports;


/***/ }),

/***/ "f299":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_3_node_modules_stylus_loader_index_js_ref_11_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_lineAndBar_vue_vue_type_style_index_1_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2226");
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_3_node_modules_stylus_loader_index_js_ref_11_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_lineAndBar_vue_vue_type_style_index_1_lang_stylus___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_3_node_modules_stylus_loader_index_js_ref_11_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_lineAndBar_vue_vue_type_style_index_1_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
/* unused harmony reexport * */


/***/ }),

/***/ "f377":
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__("ee0d");
if(content.__esModule) content = content.default;
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add the styles to the DOM
var add = __webpack_require__("499e").default
var update = add("5fc753ea", content, true, {"sourceMap":false,"shadowMode":false});

/***/ }),

/***/ "f483":
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/border-short.04d6b565.png";

/***/ }),

/***/ "f77c":
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/border-long.5ebf5c1a.png";

/***/ })

}]);